﻿<!DOCTYPE HTML>
<html>
<head>
    <title>爱熊宝后台管理系统</title>
    <script type="text/javascript" src="../js/common.js?v=1.0"></script>
</head>
<body>
<input type="hidden" id="TenantId" name="TenantId" value=""/>
<div class="header"></div>
<div class="loginWraper">
    <div id="loginform" class="loginBox">
        <form id="form" class="form form-horizontal">
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60d;</i></label>
                <div class="formControls col-xs-8">
                    <input id="username" name="username" type="text" placeholder="账户" class="input-text size-L">
                </div>
            </div>
            <div class="row cl">
                <label class="form-label col-xs-3"><i class="Hui-iconfont">&#xe60e;</i></label>
                <div class="formControls col-xs-8">
                    <input id="pwd" name="pwd" type="password" placeholder="密码" class="input-text size-L">
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <input id="veriCode_input" name="veriCode" class="input-text size-L" type="text" placeholder="验证码"
                           onblur="if(this.value==''){this.value='验证码:'}"
                           onclick="if(this.value=='验证码:'){this.value='';}" value="验证码:" style="width:150px;">
                    <img id="veriCode"> <a onclick="refreshVeriCode()">看不清，换一张</a>
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <label for="online">
                        <input type="checkbox" name="online" id="online" value="">
                        使我保持登录状态</label>
                </div>
            </div>
            <div class="row cl">
                <div class="formControls col-xs-8 col-xs-offset-3">
                    <input name="" type="button" class="btn btn-success radius size-L"
                           value="&nbsp;登&nbsp;&nbsp;&nbsp;&nbsp;录&nbsp;" onclick="login()">
                    <input name="" type="reset" class="btn btn-default radius size-L"
                           value="&nbsp;取&nbsp;&nbsp;&nbsp;&nbsp;消&nbsp;">
                </div>
            </div>
        </form>
    </div>
</div>
<div class="footer">Copyright@爱熊宝后台管理系统</div>
</body>
<script>
    refreshVeriCode();
    function refreshVeriCode() {
        $("#veriCode").attr('src', getContextPath() + '/veriCode');
    }
    function login() {
        var username = $("#username").val();
        var pwd = hex_md5($("#pwd").val());
        var veriCode = $("#veriCode_input").val();
        $.ajax({
            url: getContextPath() + "/login",
            data: "username=" + username + "&pwd=" + pwd + "&veriCode=" + veriCode,
            success: function (result) {
                console.log(result);
                var code = result.code;
                var desc = result.desc;
                var data = result.data;
                if (code == 200) {
                    layer.msg(desc);
                    setTimeout("javascript:location.href='index.html'", 500);
                } else {
                    layer.msg(desc);
                    refreshVeriCode();
                }
            }
        });
    }
</script>
</html>